<!--
 * @Descripttion: 
 * @version: 
 * @Author: 
 * @Date: 2019-09-17 17:31:02
 -->
<template>
  <div class="head-view">
    <div class="head-view-left">
      <img src="/static/images/bar/logo.png"
           alt=""
           class="logo">
      <div class="title">时空元数据系统</div>
    </div>
    <div class="head-view-right">
      <span class="user">{{userN.name}}</span>
      <el-dropdown @command="outSide">
        <span class="outUser iconyonhu iconfont"></span>
        <el-dropdown-menu slot="dropdown">
          <el-dropdown-item command="goOut">退出登录</el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
    </div>
  </div>
</template>

<script>
export default {

  components: {
    // name
  },
  name: "headerTop",
  props: {
    userN: {
      type: Object,
      default: {}
    }
    // msg: String //  [name: typeof]
  },
  filters: {},
  computed: {},
  watch: {},
  data () {
    return {}
  },
  created () {

  },
  mounted () {

  },
  methods: {
    outSide (command) {
      this.$emit('outSide', command);
    }
  },
  destroyed () {

  }
}
</script>

<style scoped lang="less">
@import url("./headerTop");
</style>
